<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>
      Subscribe to Point-Free
    </title>
    <style>
      html{line-height:1.15;-webkit-text-size-adjust:100%}
    </style>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0">
    <link href="https://www.pointfree.co/feed/episodes.xml"
          rel="alternate"
          type="application/atom/xml">
    <link href="https://d3rccdn33rt8ze.cloudfront.net/favicons/apple-touch-icon.png"
          rel="apple-touch-icon"
          sizes="180x180">
    <link href="https://d3rccdn33rt8ze.cloudfront.net/favicons/favicon-32x32.png"
          rel="icon"
          sizes="32x32"
          type="image/png">
    <link href="https://d3rccdn33rt8ze.cloudfront.net/favicons/favicon-16x16.png"
          rel="icon"
          sizes="16x16"
          type="image/png">
    <link href="https://d3rccdn33rt8ze.cloudfront.net/favicons/site.webmanifest"
          rel="manifest">
    <link href="https://d3rccdn33rt8ze.cloudfront.net/favicons/safari-pinned-tab.svg"
          rel="mask-icon">
    <meta name="description"
          content="Subscribe to an individual or team membership on Point-Free, a video series exploring Swift and Functional Programming">
    <script async
            src="https://www.google-analytics.com/analytics.js">
    </script>
  </head>
  <body>
    <header class="bg-purple150
                   d-pt4
                   d-pb4
                   m-pl2
                   m-pr2
                   m-pt2
                   m-pb2">
      <nav>
        <div class="col-m">
          <a href="/">
            <img src=""
                 alt
                 class="hide-d">
          </a>
        </div>
        <div class="col-m">
          <div class="center-m">
            <div class="hide-m">
              <a href="/">
                <img src=""
                     alt
                     class="hide-m">
              </a>
            </div>
          </div>
        </div>
        <div class="col-m">
          <ul class="list-reset
                     end-m">
            <li class="m-pl3
                       inline">
              <a href="/blog">
                Blog
              </a>
            </li>
            <li class="m-pl3
                       inline">
              <a href="/pricing">
                Subscribe
              </a>
            </li>
            <li class="m-pl3
                       inline">
              <a href="/account">
                Account
              </a>
            </li>
          </ul>
        </div>
      </nav>
    </header>
    <main class="bg-purple150
                 center-m
                 d-pl0
                 d-pr0
                 d-pt4
                 d-pb4
                 m-pl2
                 m-pr2
                 m-pt3
                 m-pb3
                 row">
      <div class="col-m
                  col-d-7
                  col-m-12">
        <div>
          <h2 class="fg-white
                     fg-black
                     bold
                     ts-d-r3
                     ts-m-r2
                     lh-2">
            Subscribe to Point-Free
          </h2>
          <p class="fg-green">
            Become a subscriber to unlock every full episode and explore new functional programming concepts as episodes are released.
          </p>
          <div class="m-pb3
                      m-mt4
                      row">
            <div class="col-m
                        col-m-12">
              <form action="/subscribe"
                    id="card-form"
                    method="post"
                    onsubmit="event.preventDefault()">
                <input checked
                       class="none"
                       id="tab0"
                       name="pricing[lane]"
                       type="radio"
                       value="individual"
                       role="button">
                <label for="tab0"
                       class="fit
                              fg-black
                              bold
                              ts-d-r1_25
                              ts-m-r1
                              lh-1
                              medium
                              m-pl2
                              m-pr2
                              m-pt2
                              m-pb2
                              border-none
                              inline-block
                              rounded
                              cursor-pointer
                              bg-purple
                              fg-white"
                       style="-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -ms-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -o-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              width:35%">
                  For you
                </label>
                <span class="m-pl2
                             m-pr2
                             fg-gray850">
                  or
                </span>
                <label for="tab1"
                       class="fit
                              fg-black
                              bold
                              ts-d-r1_25
                              ts-m-r1
                              lh-1
                              medium
                              m-pl2
                              m-pr2
                              m-pt2
                              m-pb2
                              border-none
                              inline-block
                              rounded
                              cursor-pointer
                              bg-purple
                              fg-white"
                       style="-webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -ms-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              -o-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);
                              width:35%">
                  For your team
                </label>
                <div class="m-mb3">
                </div>
                <div class="flex">
                  <div class="content1
                              bg-white
                              w-100p
                              row">
                    <div class="col-m
                                col-m-12">
                      <div class="m-pl3
                                  m-pr3
                                  m-pt3">
                        <p class="fg-black
                                  fg-black
                                  normal
                                  h5
                                  lh-4">
                          How many in your team?
                        </p>
                        <input class="num-spinner
                                      center
                                      fg-black
                                      bold
                                      ts-d-r4
                                      ts-m-r3
                                      lh-2
                                      fg-black"
                               max="100"
                               min="2"
                               name="pricing[quantity]"
                               onblur="/* */"
                               oninput="/* */"
                               step="1"
                               type="number"
                               value="2">
                        <hr class="pf-divider
                                   border-top
                                   m-ml0
                                   m-mr0
                                   m-mt0
                                   m-mb0
                                   bg-white
                                   m-mt3">
                      </div>
                    </div>
                  </div>
                </div>
                <div class="bg-white
                            row">
                  <div class="bg-white
                              col-m
                              col-m-6">
                    <label for="monthly"
                           class="block
                                  m-ml3
                                  m-mr3
                                  m-mt3
                                  m-mb3">
                      <div style="flex-direction:column-reverse"
                           class="row">
                        <input checked
                               id="monthly"
                               name="pricing[billing]"
                               type="radio"
                               value="monthly">
                        <div class="col-m
                                    col-m-12">
                          <h2 class="fg-black
                                     bold
                                     ts-d-r3
                                     ts-m-r2
                                     lh-2
                                     light
                                     fg-gray650">
                            <span class="content0">
                              $17/mo
                            </span>
                            <span class="content1">
                              $
                              <span class="team-price"
                                    data-price="16">
                                32
                              </span>
                              /mo
                            </span>
                          </h2>
                        </div>
                        <div class="col-m
                                    col-m-12">
                          <h6 class="fg-black
                                     bold
                                     ts-d-r0_875
                                     ts-m-r0_75
                                     lh-1
                                     caps
                                     fg-gray650
                                     inline">
                            Monthly Plan
                          </h6>
                        </div>
                      </div>
                    </label>
                  </div>
                  <div class="bg-white
                              col-m
                              col-m-6">
                    <label for="yearly"
                           class="block
                                  m-ml3
                                  m-mr3
                                  m-mt3
                                  m-mb3">
                      <div style="flex-direction:column-reverse"
                           class="row">
                        <input checked
                               id="yearly"
                               name="pricing[billing]"
                               type="radio"
                               value="yearly">
                        <div class="col-m
                                    col-m-12">
                          <h2 class="fg-black
                                     bold
                                     ts-d-r3
                                     ts-m-r2
                                     lh-2
                                     light
                                     fg-gray650">
                            <span class="content0">
                              $170/yr
                            </span>
                            <span class="content1">
                              $
                              <span class="team-price"
                                    data-price="160">
                                320
                              </span>
                              /yr
                            </span>
                          </h2>
                        </div>
                        <div class="col-m
                                    col-m-12">
                          <h6 class="fg-black
                                     bold
                                     ts-d-r0_875
                                     ts-m-r0_75
                                     lh-1
                                     caps
                                     fg-gray650
                                     inline">
                            Yearly Plan
                          </h6>
                        </div>
                      </div>
                    </label>
                  </div>
                  <div class="bg-white
                              col-m
                              col-m-12">
                    <p class="content1
                              m-pb1
                              fg-gray400
                              fg-black
                              normal
                              h6
                              lh-4
                              w-100p
                              center
                              normal">
                      20% off the Individual Monthly plan
                    </p>
                  </div>
                </div>
                <div class="bg-white
                            row">
                  <div class="col-m
                              col-m-12">
                    <div class="m-pb3
                                m-pt2">
                      <div class="m-pl3
                                  m-pr3">
                        <input name="token"
                               type="hidden">
                        <button class="medium
                                       cursor-pointer
                                       nowrap
                                       btn-normal
                                       rounded
                                       border-none
                                       text-decoration-none
                                       pf-link-white
                                       fg-white
                                       bg-purple
                                       h5
                                       m-pl2
                                       m-pr2
                                       m-mt3">
                          Subscribe to Point-Free
                        </button>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </main>
    <footer class="row
                   d-pl4
                   d-pr4
                   d-pt4
                   d-pb4
                   m-pl3
                   m-pr3
                   m-pt3
                   m-pb3
                   bg-black">
      <div class="col-m
                  col-d-6
                  col-m-12">
        <div class="d-pr4
                    m-pb2">
          <h4 class="fg-black
                     bold
                     ts-d-r1_5
                     ts-m-r1_25
                     lh-2
                     m-mb0">
            <a href="/"
               class="pf-link-white">
              Point-Free
            </a>
          </h4>
          <p class="fg-black
                    normal
                    h5
                    lh-4
                    fg-white">
            A video series on functional programming and the Swift programming language. Hosted by 
            <a class="text-decoration-none
                      pf-link-green"
               href="https://twitter.com/mbrandonw">
              Brandon Williams
            </a>
             and 
            <a class="text-decoration-none
                      pf-link-green"
               href="https://twitter.com/stephencelis">
              Stephen Celis
            </a>
            .
          </p>
        </div>
      </div>
      <div class="col-m
                  col-d-2
                  col-m-4">
        <div>
          <h5 class="fg-black
                     bold
                     ts-d-r0_875
                     ts-m-r0_75
                     lh-1
                     caps
                     fg-white">
            Content
            <ol class="list-reset">
              <li>
                <a href="/"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  Videos
                </a>
              </li>
              <li>
                <a href="/blog"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  Blog
                </a>
              </li>
              <li>
                <a href="/about"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  About Us
                </a>
              </li>
            </ol>
          </h5>
        </div>
      </div>
      <div class="col-m
                  col-d-2
                  col-m-4">
        <div>
          <h5 class="fg-black
                     bold
                     ts-d-r0_875
                     ts-m-r0_75
                     lh-1
                     caps
                     fg-white">
            More
            <ol class="list-reset">
              <li>
                <a href="https://twitter.com/pointfreeco"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  Twitter
                </a>
              </li>
              <li>
                <a href="https://github/pointfreeco"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  GitHub
                </a>
              </li>
              <li>
                <a href="mailto:support@pointfree.co"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  Contact Us
                </a>
              </li>
              <li>
                <a href="/privacy"
                   class="pf-link-purple
                          fg-black
                          normal
                          h5
                          lh-4">
                  Privacy Policy
                </a>
              </li>
            </ol>
          </h5>
        </div>
      </div>
      <div class="col-m
                  col-d-6
                  col-m-12">
        <p class="fg-gray400
                  fg-black
                  normal
                  h6
                  lh-4
                  m-pt2">
          © 2019 Point-Free, Inc. All rights are reserved for the videos and transcripts on this site. All other content is licensed under 
          <a class="pf-link-gray650"
             href="https://creativecommons.org/licenses/by-nc-sa/4.0/">
            CC BY-NC-SA 4.0
          </a>
          , and the underlying 
          <a class="pf-link-gray650"
             href="https://github/pointfreeco">
            source code
          </a>
           to run this site is licensed under the 
          <a class="pf-link-gray650"
             href="https://github.com/pointfreeco/pointfreeco/blob/master/LICENSE">
            MIT license
          </a>
        </p>
      </div>
    </footer>
  </body>
</html>
